<template>
	<view class="user-center-setting">
		<cell-group>
			<cell-item title="新消息系统通知" value="设置" arrow border="true"></cell-item>
			<cell-item title="交易订单通知" value="接收交易订单消息通知" border="true">
				<template v-slot:right>
					<switch checked color="#267CF8" @change="change"/>
				</template>
			</cell-item>
			<cell-item title="仓储业务通知" value="接收中恒云仓仓储业务消息通知" border="true">
				<template v-slot:right>
					<switch checked color="#267CF8" @change="change"/>
				</template>
			</cell-item>
			<cell-item title="中恒公告通知" value="接收中恒云仓公告通知">
				<template v-slot:right>
					<switch checked color="#267CF8" @change="change"/>
				</template>
			</cell-item>
		</cell-group>
		<action-sheet :show="messageData.show" :list="messageData.list" @close="changeMessageShow" @click="changeMessageStatus"></action-sheet>
	</view>
</template>

<script setup lang="ts">
	import { reactive } from 'vue'
	
	const messageData = reactive({
		show: false,
		list:[{
			text:'关闭'
		}]
	})
	
	const changeMessageShow = () => {
		messageData.show = !messageData.show
	}
	
	const changeMessageStatus = () => {
			changeMessageShow()
	}
	
	const change = () => {
		
	}
</script>

<style lang="scss" scoped>
	.user-center-setting {
		margin-top: 20rpx;
	}
</style>

